<template>
  <div>
    <div style="background-color: #665537">
      <div class="lun-mov">
        <h1>剧照</h1>
        <h2>全部214张&nbsp;&nbsp;></h2>
        <br>
        <br>
      </div>
      <div class="zu-mov">
        <div class="one-tup">
          <img src="./img/011.jpg" alt="" />
        </div>
        <div class="one-tup">
          <img src="./img/012.png" alt="" />
        </div>
        <div class="one-tup">
          <img src="./img/013.jpg" alt="" />
        </div>
        <div class="one-tup">
          <img src="./img/014.jpg" alt="" />
        </div>
        <div class="one-tup">
          <img src="./img/015.jpg" alt="" />
        </div>
        <div class="one-tup">
          <img src="./img/016.jpg" alt="" />
        </div>
        <div class="one-tup">
          <img src="./img/017.jpg" alt="" />
        </div>
        <div class="one-tup">
          <img src="./img/018.jpg" alt="" />
        </div>
        <div class="one-tup">
          <img src="./img/9.jpg" alt="" />
        </div>
        <div class="one-tup">
          <img src="./img/10.png" alt="" />
        </div>
        </div> 
        <br>
      </div>
  </div>
</template>

<script>
export default {};
</script>

<style scoped>
.lun-mov {
  color: aliceblue;
  padding-top: 0.3rem;
  padding-left: 0.3rem;
  padding-right: 0.3rem;
}
.lun-mov h1 {
  font-size: 0.35rem;
  float: left;
}
.lun-mov h2 {
  float: right;
  color: darkgrey;
}

.zu-mov {
  overflow-x: auto;
  margin-top: 0.2rem;
  display: flex;
}
.zu-mov img {
  width: 2.5rem;
  margin-left: 0.3rem;
  /* border-radius: 0.2rem; */
}
</style>